<div class="mobile-index">
    <mt-header fixed title="标题过长会隐藏后面的内容啊哈哈哈哈">
        <router-link to="/" slot="left">
            <mt-button icon="back">返回</mt-button>
        </router-link>
        <mt-button icon="more" slot="right"></mt-button>
      </mt-header>
    <mt-loadmore :top-method="refresh"
        @top-status-change="handleTopChange"
        ref="loadmore">
        <ul v-infinite-scroll="loadMore"
            infinite-scroll-disabled="loading"
            infinite-scroll-distance="10">
            <li v-for="item in list" :key="item" @click="clickItem">{{ item }}</li>
            <li v-show="loading">
                <mt-spinner type="double-bounce" color="#00ccff" :size="20"
                    v-show="loading&&hasMore"></mt-spinner>
                <span v-show="!hasMore">已全部加载</span>
            </li>
        </ul>
        <!-- <div slot="top" class="mint-loadmore-top">
            <div v-show="topStatus !== 'loading'"
                :class="{ 'rotate': topStatus === 'drop' }">
                <mt-spinner type="double-bounce"></mt-spinner>
            </div>
            <span v-show="topStatus === 'loading'">Loading...</span>
        </div> -->
    </mt-loadmore>

</div>